
<div class="panel panel-default visitors">
	<div class="panel-heading white">
		<h3>Hotties</h3>
	</div>
	<div class="panel-body padding-none">
		<div class="col-md-12 user-wrap vote-hotties-wrap">
				<div class="grey-bg">
					<h2 class="large-title text-center">Vote for this week's hottest.</h2><br>
				<p class="text-center">Each week the winer get 1 week free premium membership.<br>Cast your vote below or <a href="search-profiles.php">Search</a> &amp; nominate someone new.</p>
				</div>

				<div class="tab-content padding-15">

					<div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-5 username hottie">
							 <a href="#">Username</a>
							 <p class="date-time"><i class="fa fa-trophy"></i>48% of Votes</p>
						  </div>
						  	<button type="button" class="btn btn-default vote-btn"><i class="fa fa-thumbs-o-up"></i><span>Vote</span></button>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
								<button type="button" class="btn btn-default wink-btn"><i class="fa fa-heart"></i><span>wink</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div><!--end of card-->

					 <div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-5 username hottie">
							 <a href="#">Username</a>
							 <p class="date-time"><i class="fa fa-trophy"></i>48% of Votes</p>
						  </div>
							<button type="button" class="btn btn-default vote-btn"><i class="fa fa-thumbs-o-up"></i><span>Vote</span></button>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
								<button type="button" class="btn btn-default wink-btn"><i class="fa fa-heart"></i><span>wink</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div><!--end of card-->

					 <div class="media user-wrap media-visible-dropdown line-break">
						<a href="" class="middle-panel-image"><img src="http://placehold.it/60x60" class="img-responsive img-thumbnail"></a>
						<div class="media-body media-visible-dropdown">
						  <div class="col-md-5 username hottie">
							 <a href="#">Username</a>
							 <p class="date-time"><i class="fa fa-trophy"></i>48% of Votes</p>
						  </div>
						  <button type="button" class="btn btn-default vote-btn"><i class="fa fa-thumbs-o-up"></i><span>Vote</span></button>
						  <span class="pull-right btn-card-wrap">
								<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i><span>Chat now !</span></button>
								<button type="button" class="btn btn-default wink-btn"><i class="fa fa-heart"></i><span>wink</span></button>
							 <div class="btn-group">
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> or <span class="caret"></span></button>
								<ul class="dropdown-menu pull-right" role="menu">
								  <li><a href="#">Action</a></li>
								  <li><a href="#">Another action</a></li>
								  <li><a href="#">Something else here</a></li>
								  <li class="divider"></li>
								  <li><a href="#">Separated link</a></li>
								</ul>
							 </div>
						  </span>
						</div>
					 </div><!--end of card-->



			</div>
		</div>
	</div>
</div>
